<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
        <link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
        <div class="header">
            <div class="part-one">
                <img src="img/logo-top.png"/>
            </div>
            <div class="part-two">
                <div class="left">
                <p>首页</p>
                <p>景观</p>
                <p>谈资</p>
                <p>作者</p>
                <p>大讲堂</p>
                <p>活动</p>
                <p>商城</p></div>
                <div class="right">
                    <p>APP</p>
                    <p>投稿</p>
                    <p>登录</p>

                </div>
                
            </div>
        </div>
        <div class="bac">
            <div class="body">
                <div class="left">
                    <div class="one">
                        <div class="one1"> <p>征稿</p></div>
                   
                            <div class="one2"><p>CONTRIBUTIONS</p></div>
                    </div>
                    <div class="two">
                    <div class="two1">
                        <p>景观</p>
                    </div>
                    <div class="two2">
                    <p>LANDSPACE</p></div>
                </div>
                </div>
                <div class="middle">
                    <div class="up">
                        <div class="one"> <p>极简</p><img src="img/M1.png" width="260px" height="190px"></div>
                        <div class="two"><p>美食</p><img src="img/M2.png" width="260x"height="190px"></div>
                        <div class="three"><p>烟雾</p><img src="img/M3.png"width="260px" height="190px"></div>
                            
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <img src="img/M5.jpg" >
                            <img src="img/M6.jpg"  >
                            <img src="img/M7.jpg" >
                        </div>
                       <div class="right">
                        <img src="img/M52.jpg" width=" 391.68px" height="200px">
                        <img src="img/M8.jpg" width=" 391.68px" height="410px">
                       </div>

                    </div>

                </div>
                <div class="right">
                    <div class="one"><p>寻找中国最美景观拍摄点</p></div>
                    <div class="two">  <p>杂志：</p></div>
                    <div class="pic1">
                        <div class="p1">
                              <img src="img/magazine1.jpg"height="80px" width="55px" >
                        </div>
                      <div class="p1"><img src="img/magazine2.jpg" height="80px" width="55px"></div>
                        <div class="p1"><img src="img/magazine3.jpg" height="80px" width="55px"></div>
                        
                    </div>
                    <div class="three">  <p>活动：</p></div>
                    <div class="pic2">
                       <div class="p1">
                        <img src="img/1.jpg" height="50px" width="50px" >
                        <img src="img/2.jpg"height="50px" width="50px" >
                        <img src="img/3.jpg" height="50px" width="50px"></div> 
                    
                    <div class="p1">
                        <img src="img/4.jpg" height="50px" width="50px" >
                        <img src="img/5.jpg"height="50px" width="50px" >
                        <img src="img/6.jpg" height="50px" width="50px"></div> 
                    
                    <div class="p1">
                        <img src="img/7.jpg" height="50px" width="50px" >
                        <img src="img/8.jpg" height="50px" width="50px"></div> 
                    </div>
                  </div>
                </div>
                </div>
            </div>
        </div>
		
	</body>
</html>
